@import url("extend.css");
/** 通用模块容器
 //////////////////////////////////////////////////////////////////////////////////////////*/
.xl-module {
  border: 1px solid #d8d8d8;
  background: white;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
}
.xl-module-title {
  padding: 0px 10px 0px 10px;
  line-height: 35px;
  border-radius: 0px;
  color: #666;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #f2f2f2;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: #f2f2f2;
  position: relative;
}
.xl-module-title-toolbar {
  position: absolute;
  right: 10px;
}
.xl-module-title-toolbar a {
  color: inherit;
  font-size: inherit;
}
.xl-module-title-label {
  display: inline-block;
  line-heght: 35px;
}
.xl-module-footer {
  line-height: 15px;
  border-radius: 0px 0px 5px 5px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.xl-warpper {
  padding: 10px;
}
/** 通知框
 //////////////////////////////////////////////////////////////////////////////////////////*/
.xl-notice {
  border: 1px solid #d8d8d8;
  background: white;
  border-radius: 3px;
  position: relative;
  margin-bottom: 10px;
  position: fixed;
  margin: 0px;
  bottom: 5px;
  right: 5px;
  width: 300px !important;
  height: 200px;
}
.xl-notice-title {
  padding: 0px 10px 0px 10px;
  line-height: 35px;
  border-radius: 0px;
  color: #666;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #f2f2f2;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: #f2f2f2;
  position: relative;
}
.xl-notice-title-toolbar {
  position: absolute;
  right: 10px;
}
.xl-notice-title-toolbar a {
  color: inherit;
  font-size: inherit;
}
.xl-notice-content {
  padding: 10px;
}
/** 对话框
 //////////////////////////////////////////////////////////////////////////////////////////*/
.xl-dialog {
  border: 1px solid #d8d8d8;
  background: white;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 500px !important;
  position: relative;
  padding: 0px;
  text-align: left;
}
.xl-dialog-title {
  padding: 0px 10px 0px 10px;
  line-height: 35px;
  border-radius: 0px;
  color: #666;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #f2f2f2;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: #f2f2f2;
  position: relative;
}
.xl-dialog-title-toolbar {
  position: absolute;
  right: 10px;
}
.xl-dialog-title-toolbar a {
  color: inherit;
  font-size: inherit;
}
.xl-dialog-content {
  height: 200px;
  padding-top: 30px;
}
.xl-dialog.alert .xl-dialog-content,
.xl-dialog.confirm .xl-dialog-content {
  padding-left: 0px;
  padding-right: 0px;
  height: 150px;
}
.xl-dialog-icon {
  float: left;
  width: 150px;
  padding: 0px 20px 0px;
  text-align: right;
  font-size: 60px;
}
.xl-dialog.notice .xl-dialog-icon {
  color: #08f;
}
.xl-dialog.error .xl-dialog-icon {
  color: #B00;
}
.xl-dialog.success .xl-dialog-icon {
  color: #0B0;
}
.xl-dialog.info .xl-dialog-icon {
  color: #00B;
}
.xl-dialog.warning .xl-dialog-icon {
  color: #F80;
}
.xl-dialog-message {
  font-size: 18px;
  font-weight: bold;
  margin-left: 150px;
  padding-right: 10px;
}
.xl-dialog-message.detail {
  padding-top: 10px;
  font-weight: normal;
  font-size: 12px;
  color: gray !important;
}
.xl-dialog.error .xl-dialog-message,
.xl-dialog.error .xl-dialog-message.operation {
  color: #800;
}
.xl-dialog.success .xl-dialog-message,
.xl-dialog.success .xl-dialog-message.operation {
  color: #080;
}
.xl-dialog.info .xl-dialog-message,
.xl-dialog.info .xl-dialog-message.operation {
  color: #008;
}
.xl-dialog.warning .xl-dialog-message,
.xl-dialog.warning .xl-dialog-message.operation {
  color: #F80;
}
.xl-dialog-buttons {
  border-top: 1px solid #f2f2f2;
  text-align: right;
  width: 100%;
  padding: 10px;
}
.xl-dialog-message.operation {
  padding-top: 40px;
  font-weight: normal;
  font-size: 12px;
  color: gray;
}
/** 菜单
 //////////////////////////////////////////////////////////////////////////////////////////*/
 .xl-menu-item,
.xl-menu-item:hover,
.xl-menu-item:active,
.xl-menu-item:visited,
.xl-menu-item:link{
	display:block;
	line-height:35px;
	color:#999;
	text-decoration: none !important;
	background:url("../../images/background/spot-niuzai2.png") repeat;
	border-bottom:1px solid black;
}
/* .xl-menu-item:hover, */
/* .xl-menu-item.hover, */
/* .xl-menu-item:active, */
.xl-menu-item.active{   
	color:white;
	background:url("../../images/background/spot-niuzai5.png") repeat;
}
.xl-menu-item-icon{
	display:block;
	line-height:35px;
	width:35px;
	color:white;
}

.xl-menu-subitem,
.xl-menu-subitem:hover,
.xl-menu-subitem:active,
.xl-menu-subitem:visited{
	display:block;
	line-height:35px;
	padding-left:35px;
	color:#d8d8d8;
	background:url("../../images/background/spot-niuzai4.png") repeat;
	border-bottom:1px solid #333;
	text-decoration: none !important;
}
.xl-menu-subitem:hover,.xl-menu-subitem.active{
	color:white;
	background:url("../../images/background/spot-niuzai6.png") repeat;
}
.xl-menu-subitem-icon{
	display:block;
	line-height:35px;
	margin-right:10px;
}

/** 提示信息
 //////////////////////////////////////////////////////////////////////////////////////////*/
.xl-tips-warpper {
  position: fixed;
  top: 100px;
}
.xl-tips {
  border: 1px solid #d8d8d8;
  background: white;
  border-radius: 3px;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #f2f2f2;
  padding: 10px;
  color: #333;
}
.xl-tips.success {
  border-color: #afa;
  background: #efe;
  color: #080;
}
.xl-tips.error {
  border-color: #faa;
  background: #fee;
  color: #800;
}
.xl-tips.warning {
  border-color: #Fb6;
  background: #fec;
  color: #840;
}
/** 轮换模块
 //////////////////////////////////////////////////////////////////////////////////////////*/
.xl-rotation {
  position: relative;
  height: 100%;
  background: #f2f2f2;
}
.xl-rotation-warpper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.xl-rotation-button-prev,
.xl-rotation-button-next {
  position: absolute;
  color: rgba(0, 0, 0, 0.5);
  font-size: 48px;
  cursor: pointer;
  padding: 5px;
}
.xl-rotation-button-prev:hover,
.xl-rotation-button-next:hover,
.xl-rotation-button-prev.hover,
.xl-rotation-button-next.hover {
  color: #000000;
}
.xl-rotation-button-prev {
  top: 35%;
  left: 0px;
}
.xl-rotation-button-prev.outer {
  left: -50px;
}
.xl-rotation-button-next {
  top: 35%;
  right: 0px;
}
.xl-rotation-button-next.outer {
  right: -50px;
}
.xl-rotation-button-prev.sm {
  width: 10px;
  height: 10px;
}
.xl-rotation-button-next.sm {
  width: 10px;
  height: 10px;
}
.xl-rotation-button-prev.md {
  width: 20px;
  height: 20px;
}
.xl-rotation-button-next.md {
  width: 20px;
  height: 20px;
}
.xl-rotation-button-prev.xl {
  width: 30px;
  height: 30px;
}
.xl-rotation-button-next.xl {
  width: 30px;
  height: 30px;
}
.xl-rotation-nav {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 10px;
}
.xl-rotation-nav-item {
  display: inline-block;
  background: #666;
  height: 10px;
  width: 30px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0px 2px;
  cursor: pointer;
}
.xl-rotation-nav-item:hover,
.xl-rotation-nav-item.focus {
  background: #ffffff;
}
/** 
 //////////////////////////////////////////////////////////////////////////////////////////*/
ul.xl-items {
  list-style: none;
}
ul.xl-items li a {
  display: block;
  text-align: center;
  padding: 5px 10px;
}
/** 分页模块
 //////////////////////////////////////////////////////////////////////////////////////////*/
.xl-paging {
  font-size: 12px;
  color: #666;
}
.xl-paging b {
  color: black;
}
.xl-paging-to {
  width: 30px;
}
.xl-paging-to-btn {
  width: 40px;
  line-height: 20px;
  padding: 0px;
  text-align: center;
}
